<!-- 文件名：CourseView.vue -->
<!-- 作者：系统自动生成 -->
<!-- 创建日期：2025-04-26 -->
<!-- 描述：课程管理页面视图组件，包含课程列表、新增课程等功能 -->

<template>
  <div>
    <h1>课程管理</h1>
    <!-- 课程列表 -->
    <el-table :data="courseList" style="width: 100%">
      <el-table-column prop="name" label="课程名称" />
      <el-table-column prop="code" label="课程代码" />
      <el-table-column prop="teacher" label="任课教师" />
      <el-table-column prop="status" label="状态" />
    </el-table>
    <!-- 新增课程按钮 -->
    <el-button type="primary" @click="handleAddCourse">新增课程</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      courseList: [] // 课程列表数据
    }
  },
  methods: {
    // 获取课程列表
    async getCourseList() {
      // TODO: 调用后端接口获取课程列表
    },
    // 处理新增课程
    handleAddCourse() {
      // TODO: 实现新增课程逻辑
    }
  },
  mounted() {
    this.getCourseList()
  }
}
</script>

<style scoped>
/* 课程管理页面样式 */
</style>